@charset "utf-8";
@function p($px) {
    @return $px/2*1px;
}

@mixin transf {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

$orange:#ff9344;
html,
body {
    position: relative;
    height: 100%;
} //头部
header {
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    background: #fff;
    .back {
        border: 1px solid $orange;
        border-radius: p(15);
        width: p(123);
        height: p(57);
        overflow: hidden;
        margin-top: p(48);
        margin-left: p(24);
        text-align: center;
        float: left;
        .fanhui {
            color: #000;
            font-size: p(26);
            line-height: p(57);
        }
    }
    .logo {
        width: p(123);
        height: p(123);
        overflow: hidden;
        margin-left: p(23);
        margin-top: p(17);
        img {
            height: 100%;
        }
    }
    .slCity {
        width: p(157);
        height: p(54); //          border: 3px solid #ff9344;
        position: relative;
        margin-top: p(47);
        margin-right: p(21); //          transform: scale(0.5);
        &::after {
            position: absolute;
            top: p(22);
            right: p(11);
            display: block;
            width: 0;
            height: 0;
            content: "";
            border-top: p(16) solid $orange;
            border-right: p(15) solid transparent;
            border-left: p(15) solid transparent;
        }
        select {
            border: p(3) solid $orange;
            width: 100%;
            height: 100%;
            padding-left: p(14);
            background: #fff; //              border: none;
            //隐藏select的默认样式
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
        select::-ms-expand {
            display: none;
        }
    }
    .search {
        width: p(262);
        height: p(49);
        line-height: p(49);
        border-radius: p(23);
        border: p(3) solid $orange;
        margin: 0 auto;
        margin-top: p(51);
        input[type="search"] {
            width: p(197);
            height: p(34);
            padding-left: p(6);
            border: none;
            margin-left: p(10);
            vertical-align: middle;
            font-size: p(24);
        }
        i {
            color: $orange;
            vertical-align: middle;
        }
    }
} //公共标题样式
.allTitle {
    padding: 0 p(21);
    line-height: p(53);
    margin-top: p(33);
    .title {
        img {
            width: p(56);
            height: p(54);
            vertical-align: middle;
        }
        span {
            font-size: p(30);
            color: #000000;
            vertical-align: middle;
            font-weight: normal;
        }
    }
    .more {
        span {
            font-size: p(24);
            color: #000000;
            vertical-align: middle;
        }
        img {
            width: p(26);
            height: p(26);
            vertical-align: middle;
        }
    }
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: p(16) 0;
    background: #fff;
    .nav {
        font-size: 0;
        li {
            display: inline-block;
            width: 25%;
            a {
                color: #000;
                font-size: p(26);
                display: block;
                text-align: center;
                i {
                    font-size: p(72);
                    color: $orange;
                }
            }
        }
    }
}